/* 基准字体大小设置和媒体查询 */
html {
  font-size: 16px;
}

@media screen and (max-width: 1920px) {
  html {
    font-size: 16px;
  }
}

@media screen and (max-width: 1680px) {
  html {
    font-size: 14px;
  }
}

.ant-pro-layout .ant-layout-sider.ant-pro-sider {
  background-color: #fff !important;
}

.ant-pro-layout .ant-pro-sider-logo > a > img {
  height: 5.625rem;
  margin-bottom: 3rem;
}

.ant-pro-sider-collapsed-button {
  display: none;
}

// 左侧菜单样式设置
.ant-pro-sider-fixed {
  .ant-menu-item-selected,
  .ant-menu-item-active {
    background-color: #f1f1f1 !important;
    color: #666 !important;
    position: relative;
  }

  .ant-menu-item-selected::after {
    width: 0.1875rem;
    height: 1.75rem;
    background-color: #be0915;
    margin: 0.375rem 0.625rem 0 0;
  }

  .ant-menu-item:hover {
    background-color: #f1f1f1 !important;
    color: #666 !important;
  }

  .ant-menu-item-selected a {
    color: #be0915 !important;
  }
  /* 修改菜单样式-start */
  .ant-menu .ant-menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.5rem;
    width: 5.5rem;
    border-radius: 100%;
    margin: 0 auto 4.5rem;
    padding: 0 !important;
  }

  .ant-menu .ant-menu-item::after {
    display: none;
  }

  .ant-menu .ant-menu-item .ant-menu-title-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .ant-pro-base-menu-inline-item-title {
    flex-direction: column;
    gap: 0;
  }

  .ant-pro-base-menu-inline-item-title .anticon {
    font-size: 2rem !important;
    color: #666 !important;
  }

  .ant-pro-base-menu-inline-item-title .ant-pro-base-menu-inline-item-text {
    font-size: 1rem;
    font-weight: bold;
    color: #666;
    line-height: normal;
    margin-top: 0.3125rem;
  }

  .ant-layout-sider-children {
    border-inline-end: 0 !important;
  }
  /* 修改菜单样式-end */
}
.ant-pro-layout .ant-pro-sider-logo {
  border-block-end: 0;
}
/* 设置右侧内容区域 */
.ant-pro-layout-container {
  background-color: #fff !important;
}
.ant-pro-layout .ant-pro-layout-content {
  padding: 0;
  background-image: linear-gradient(to bottom, #fef3f3 20%, #ffffff);
  background-repeat: no-repeat;
  background-position: 0 -100px;
  overflow: hidden;
}

// 右侧内容区域，菜单样式设置
.ant-layout-content {
  .ant-menu-item-selected {
    background-color: #dc2e00 !important;
    color: #fff;
  }

  .ant-menu-item:hover {
    background-color: rgba(220, 46, 0, 0.3) !important;
  }

  .ant-menu-item-selected::after {
    background-color: #dc2e00;
  }
}
